<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
  <input type="text" hidden id="lawid" th:value="${lid}"/>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
			<label>请选择法规</label>
          <div class="layui-input-inline">
            <select name="lid" lay-verify="" lay-search>
                <option th:text="请选择" th:value="0" disabled>法规2</option>
              <option th:each="laws:${lawsList}" th:text="${laws.lawsAlias}+${laws.lawsName}" th:selected="${laws.id==lid}" th:value="${laws.id}">法规1</option>
            </select>
          </div>

          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>

        </form>
      </div>
		<xblock>
			<button class="layui-btn lawaddtop" ><i class="layui-icon"></i>添加顶级目录</button>
		</xblock>

		<table class="layui-table">
			<thead>
			<tr>
				<th>目录名称</th>
				<th>排序</th>
				<th>操作</th>
			</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
			<div class="layui-collapse" lay-accordion="" th:each="c:${pageInfo.list}">
				<div class="layui-colla-item">
					<h2 class="layui-colla-title">
						<a th:text="${c.catalog}">25</a>
						<input class="layui-btn layui-btn-normal layui-btn-mini" th:value="${c.sequence}" />
						<a>
							<a th:href="@{/updateCatalog(id=${c.id},lid=${lid})}">修改</a>
							<a th:href="@{/delCatalog(id=${c.id},lid=${lid})}">刪除</a>
							<input type="hidden" class="muluid" th:value="${c.id}">
							<a title="添加下级菜单"  class="addCatalogById"  href="javascript:;">
								添加下级菜单
							</a>
<!--							<a th:href="@{/addCatalogById(id=${c.id},lid=${lid})}">添加下级菜单</a>-->
						</a>
					</h2>
					<div class="layui-colla-content ">
						<div th:if="${c.catalogList.size()>0}">
							<div class="layui-collapse" lay-accordion="" th:each="cat:${c.catalogList}">
								<div class="layui-colla-item">
									<h2 class="layui-colla-title">
										<a th:text="${cat.catalog}">25</a>
										<input class="layui-btn layui-btn-normal layui-btn-mini" th:value="${cat.sequence}" />
										<a>
											<a th:href="@{/updateCatalog(id=${cat.id},lid=${lid})}">修改</a>
											<a th:href="@{/delCatalog(id=${cat.id},lid=${lid})}">刪除</a>
											<input type="hidden" class="muluid" th:value="${cat.id}">
											<a title="添加下级菜单"  class="addCatalogById"  href="javascript:;">
												添加下级菜单
											</a>
										</a>
									</h2>
									<div class="layui-colla-content ">
										<div th:if="${cat.catalogList.size()>0}">
											<div class="layui-collapse" lay-accordion="" th:each="cc:${cat.catalogList}">
												<div class="layui-colla-item">
													<h2 class="layui-colla-title">
														<a th:text="${cc.catalog}">25</a>
														<input class="layui-btn layui-btn-normal layui-btn-mini" th:value="${cc.sequence}" />
														<a>
															<a th:href="@{/updateCatalog(id=${cc.id},lid=${lid})}">修改</a>
															<a th:href="@{/delCatalog(id=${cc.id},lid=${lid})}">刪除</a>
															<input type="hidden" class="muluid" th:value="${cc.id}">
															<a title="添加下级菜单"  class="addCatalogById"  href="javascript:;">
																添加下级菜单
															</a>
														</a>
													</h2>
													<div class="layui-colla-content ">

													</div>
												</div>
											</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>


		  	    
		 
		
<!--		<table class="layui-table">-->
<!--		  <thead>-->
<!--		    <tr>-->
<!--		      <th>目录名称</th>-->
<!--		      <th>排序</th>-->
<!--		      <th>操作</th>-->
<!--		  </thead>-->
<!--            <tbody>-->
<!--&lt;!&ndash;            <tr th:each="c:${pageInfo.list}">&ndash;&gt;-->
<!--&lt;!&ndash;                <td th:text="${c.catalog}">25</td>&ndash;&gt;-->
<!--&lt;!&ndash;                <td><input class="layui-btn layui-btn-normal layui-btn-mini" th:value="${c.sequence}" /></td>&ndash;&gt;-->
<!--&lt;!&ndash;                <td class="td-manage">&ndash;&gt;-->
<!--&lt;!&ndash;                    <a title="修改"  onclick="x_admin_show('编辑','admin-edit.html')" href="javascript:;">&ndash;&gt;-->
<!--&lt;!&ndash;                        <i class="layui-icon">&#xe642;</i>&ndash;&gt;-->
<!--&lt;!&ndash;                    </a>&ndash;&gt;-->
<!--&lt;!&ndash;                    <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">&ndash;&gt;-->
<!--&lt;!&ndash;                        <i class="layui-icon">&#xe640;</i>&ndash;&gt;-->
<!--&lt;!&ndash;                    </a>&ndash;&gt;-->
<!--&lt;!&ndash;                </td>&ndash;&gt;-->
<!--&lt;!&ndash;            </tr>&ndash;&gt;-->


<!--&lt;!&ndash;	  <div class="nav">&ndash;&gt;-->
<!--&lt;!&ndash;	    <ul th:each="c:${pageInfo.list}">&ndash;&gt;-->
<!--&lt;!&ndash;	      <li style="display: inline-block;width: 100%;border: #00F7DE 1px solid;height: 25px;line-height: 25px;"><a th:href="@{/nnnn}">&ndash;&gt;-->

<!--		  <tr th:each="c:${pageInfo.list}">-->
<!--		  <div class="layui-collapse" lay-accordion="" >-->
<!--		  <div class="layui-colla-item">-->
<!--			  <td th:text="${c.catalog}">25</td>-->
<!--			  <td><input class="layui-btn layui-btn-normal layui-btn-mini" th:value="${c.sequence}" /></td>-->
<!--			  <td class="td-manage">-->
<!--				  <a title="修改"  onclick="x_admin_show('编辑','admin-edit.html')" href="javascript:;">-->
<!--					  <i class="layui-icon">&#xe642;</i>-->
<!--				  </a>-->
<!--				  <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">-->
<!--					  <i class="layui-icon">&#xe640;</i>-->
<!--				  </a>-->
<!--			  </td>-->
<!--&lt;!&ndash;		    <h2 class="layui-colla-title">文豪</h2>&ndash;&gt;-->
<!--		    <div class="layui-colla-content ">-->


<!--		      <div class="layui-collapse" lay-accordion="" th:if="${c.catalogList!=null}"  >-->
<!--				<tr th:each="ca:${c.catalogList}">-->
<!--		        <div class="layui-colla-item">-->
<!--					<td th:text="${ca.catalog}">25</td>-->
<!--					<td><input class="layui-btn layui-btn-normal layui-btn-mini" th:value="${ca.sequence}" /></td>-->
<!--					<td class="td-manage">-->
<!--						<a title="修改"  onclick="x_admin_show('编辑','admin-edit.html')" href="javascript:;">-->
<!--							<i class="layui-icon">&#xe642;</i>-->
<!--						</a>-->
<!--						<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">-->
<!--							<i class="layui-icon">&#xe640;</i>-->
<!--						</a>-->
<!--					</td>-->
<!--		          <h2 class="layui-colla-title">唐代</h2>-->
<!--		          <div class="layui-colla-content "> </div>-->
<!--				</div>-->
<!--</tr>-->
<!--			</div>-->

<!--	</div>-->
<!--	</div>-->

<!--	  </div>-->
<!--	</tr>-->
<!--			</tbody>-->
<!--		</table>-->
    </div>

    <script>
        layui.use(['element', 'layer'], function(){
            var element = layui.element;
            var layer = layui.layer;

            //监听折叠
            element.on('collapse(test)', function(data){
                layer.msg('展开状态：'+ data.show);
            });
        });
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

      $(".lawaddtop").click(function () {
		  let lawid=$("#lawid").val();
		  x_admin_show('编辑','addTopmulu?lawid='+lawid);
	  });

      $(".addCatalogById").click(function () {
		  let lid=$("#lawid").val();
		  let id=$(this).prev().val();
		  x_admin_show('添加下级菜单','addCatalogById?id='+id+'&lid='+lid);
	  });

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }

      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
	  
	  <script>
	     $(function () {
	  				$(document).on('click', '.left-sign-show', function(e){
	  					$(this).removeClass("left-sign-show");
	  					$(this).addClass("left-sign-hide");
	  					$(this).html("&#xe6a6;");
	  					$(this).parent().parent().children('ul').show();
	  				
	  				});
	  				
	  				$(document).on('click', '.left-sign-hide', function(e){
	  					$(this).removeClass("left-sign-hide");
	  					 $(this).addClass("left-sign-show");
	  					 $(this).html("&#xe6a7;");
	  					 $(this).parent().parent().children('ul').hide();
	  				
	  				});
	     })
	   </script>
  </body>

</html>